<div ng-controller="userRolesController">
<!-- 新增 BEGIN -->
    <div class="right-product right-full">
        <div class="center-back right-back">

            <!-- 顶部导航 BEGIN -->
                <ul class="breadcrumb">
                    <li>
                        <a href="#">
                            <i class="glyphicon glyphicon-home"></i>
                        </a>
                        <span class="divider">&nbsp;</span>
                    </li>
                    <li>
                        <a href="#">角色管理</a>
                        <span class="divider">&nbsp;</span>
                    </li>
                    <li>
                        <a href="#">角色组管理</a>
                        <span class="divider-last">&nbsp;</span>
                    </li>
                </ul>
            <!-- 顶部导航 END -->

            <div class="container-fluid">
                <div class="info-center">
                    
                    <h3 class="page-title">
                        角色组管理 — 新增
                    </h3>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="glyphicon glyphicon-arrow-left"></i>
                            返回列表
                        </div>
                    </div>

                    <div class="contain">

                        <form name="userAdd_form">

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-2 control-label text-right">角色组名称：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <input type="text" 
                                           name="roleGroupName"
                                           class="form-control" 
                                           autocomplete="off"
                                           ng-minlength="2" 
                                           ng-maxlength="20"  
                                           ng-model="newlyAddedRoleGroupName"
                                           required 
                                    />
                                    <label class="red required">*</label>
                                    <div class="error" ng-show="userAdd_form.roleGroupName.$dirty && userAdd_form.roleGroupName.$invalid">
                					    <small class="error" ng-show="userAdd_form.roleGroupName.$error.required">请输入角色组名</small>
                					    <small class="error" ng-show="userAdd_form.roleGroupName.$error.minlength">角色组名长度在2-20之间</small>
                					    <small class="error" ng-show=" userAdd_form.roleGroupName.$error.maxlength">角色组名长度在2-20之间</small>
                				    </div>
                                </div>       
                            </div>
                      
                            <div class="form-group height-auto">
                                <label class="col-xs-12 col-sm-2 control-label text-right">描述：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <textarea rows="5" type="text" name="description" class="form-control" ng-model="newlyAddedDescription"/></textarea>
                                </div>
                            </div>

                    	</form>
                        
                        <div class="clearfix"></div>

                        <div class="modal-footer col-xs-12 col-sm-11">
                            <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                            <button type="button" class="btn btn-primary" ng-disabled="userAdd_form.$invalid"  ng-click="confirmNewlyAdded()">确定并返回</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
<!-- 新增 END -->
 </div>	
